<template>
  <div>
    <news-header></news-header>
    <news-container :newsData='NewsData'></news-container>
    <news-footer></news-footer>
  </div>
</template>
<script>
import NewsHeader from './components/NewsHeader'
import NewsContainer from './components/NewsContainer'
import NewsFooter from '../footer/Footer'
import axios from 'axios'
export default {
  name: 'News',
  data() {
    return {
      NewsData: [],
    }
  },
  components: {
    NewsHeader,
    NewsContainer,
    NewsFooter,
  },
  mounted() {
    var that = this
    axios.get('/static/ceshi.json').then(function(res){
      // console.log(res);
      that.NewsData = res.data.data.news
      // console.log(that.NewsData)
    })
  },
}
</script>

<style lang="less">

</style>
